@prefix: ~'@{css-prefix}-system-auth-manage';
@import '../../../assets/styles/mixins/index';

.@{prefix} {
  height: calc(100% - @space * 2);
  margin: @space;
  overflow: hidden;

  &-wrap {
    height: 100%;
    background-color: transparent;
  }

  &-list-wrap {
    height: 100%;
  }

  &-right-wrap {
    background-color: transparent;
  }

  &-system-list {
    height: 100%;

    .ant-pro-card-body {
      height: 100%;
      padding: 0;
    }

    > .ant-card {
      height: 100%;

      > .ant-card-body {
        height: 100%;
        padding: 0;
      }
    }

    .ant-pro-table-list-toolbar {
      padding: 0 15px;
    }

    .ant-list {
      height: calc(100% - 64px - 15px);
      .scroll-style;
      // padding: 0 15px;
    }

    &-item {
      position: relative;
      padding: 15px 10px !important;
      cursor: pointer;

      &:hover,
      &.active {
        background-color: rgba(@primary-color, 0.3);
      }

      &-actions {
        position: absolute;
        top: 0;
        top: 15px;
        right: 10px;
        font-size: 20px;
        cursor: pointer;
      }
    }
  }
}
